<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="initial-scale=1.0" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>选择校验方式</title>
    <link rel="stylesheet" href="../../css/reset.css" />
    <style>
        body {
            width: 100%;
            background-color: #fff;
            font-size: 0.25rem;
            height: auto;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: Helvetica;
            color: rgba(24, 24, 24, 0.65);
        }

        .choose-item {
            width: 100%;
            padding: 0 0.8rem;
            height: 1.9rem;
            line-height: 1.9rem;
            box-sizing: border-box;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
        }

        .choose-item label {
            margin-right: 0.1rem;
        }

        .radios {
            border: none;
            background: url("../../image/danxuan.png") no-repeat left;
            background-size: 0.3rem 0.3rem;
            padding-left: 0.35rem;
        }

        input[type="radio"] {
            display: none;
        }

        input[type="radio"]:checked+label {
            background: url("../../image/danxuany.png") no-repeat left;
            background-size: 0.3rem 0.3rem;
        }

        .nextbutton {
            width: 6.88rem;
            height: 0.9rem;
            text-align: center;
            line-height: 0.9rem;
            background-color: #ffd203;
            outline: none;
            border: none;
            border-radius: 0.1rem;
            margin-left: calc((100% - 6.88rem) / 2);
            font-size: 0.28rem;
        }

        .radios {
            font-size: 0.28rem;
        }

        .choose-item span {
            display: flex;
            display: -webkit-flex;
            align-items: center;
        }
    </style>
</head>

<body>
    <form action="" method="get" class="choose-item" id="choose-item">
        <span>
            <input name="checkType" type="radio" value="idCard" id="chooseIdcard" checked />
            <label class="radios" for="chooseIdcard">
                中国大陆用户
            </label>
        </span>
        <span>
            <input name="checkType" type="radio" value="passPort" id="choosePassPort" />
            <label class="radios" for='choosePassPort'>
                非中国大陆用户
            </label>
        </span>

    </form>

    <button class="nextbutton">下一步</button>

    <script src="../../script/autosize.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            app.handlePage();
            if (api.pageParam.goAddMoney != undefined && api.pageParam.goAddMoney) {
                var goAddMoney = api.pageParam.goAddMoney;
            }
            var cointypecontract = {};
            $(".nextbutton").click(function () {
                var chooseType = $('.choose-item input[name="checkType"]:checked ').val();
                if (chooseType == "passPort") {
                    cointypecontract = {
                        name: "passporttwo",
                        subpage: "my/passporttwo",
                        title: "实名校验",
                        param: {
                            pageName: "passporttwo",
                            goAddMoney: goAddMoney,
                        }
                    }
                } else {
                    cointypecontract = {
                        name: "certificationtwo",
                        subpage: "my/certificationtwo",
                        title: "实名校验",
                        param: {
                            pageName: "certificationtwo",
                            goAddMoney: goAddMoney,
                        }
                    }
                }
                app.setNavBarAttr(cointypecontract);
                $("#chooseIdcard").attr("checked");
            });
            app.listen("goMain", function () {
                app.closeW("choosecerfertiontwo");
            })
            app.headerMap();
        };
    </script>
</body>

</html>